<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="hg-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="/hg-layui-admin-ui/css/font.css">
    <link rel="stylesheet" href="/hg-layui-admin-ui/lib/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/hg-layui-admin-ui/lib/admin/admin.css" media="all">
    <link rel="stylesheet" href="/hg-layui-admin-ui/lib/Scrollbar/jquery.scrollbar.css">
    <script type="text/javascript" src="/hg-layui-admin-ui/lib/admin/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/hg-layui-admin-ui/lib/Scrollbar/jquery.scrollBar.js"></script>
    <script type="text/javascript" src="/hg-layui-admin-ui/lib/layui/layui.js"></script>
    <script type="text/javascript" src="/hg-layui-admin-ui/lib/admin/admin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        .layui-backlog .layui-backlog-body {
            display: block;
            padding: 10px 15px;
            background-color: #f8f8f8;
            color: #999;
            border-radius: 2px;
            transition: all .3s;
            -webkit-transition: all .3s
        }

        .layui-backlog-body h3 {
            padding-bottom: 10px;
            font-size: 12px
        }

        .layui-backlog-body p cite {
            font-style: normal;
            font-size: 30px;
            font-weight: 300;
            color: #333
        }

        .layui-backlog-body:hover {
            background-color: #CFCFCF;
            color: #888
        }
    </style>
</head>

<body class="layui-body-content">
<div class="layui-fluid">
    <div class="layui-row">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <blockquote class="layui-elem-quote">欢迎登录！
                    </blockquote>
                </div>
            </div>
        </div>
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">系统功能</div>
                <div class="layui-card-body ">
                    <ul class="layui-row layui-col-space10 layui-this x-admin-carousel layui-backlog">
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="layui-backlog-body">
                                <p>
                                    <cite>用户信息管理</cite></p>
                            </a>
                        </li>
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="layui-backlog-body">
                                <p>
                                    <cite>课程管理</cite></p>
                            </a>
                        </li>
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="layui-backlog-body">
                                <p>
                                    <cite>体育设施管理</cite></p>
                            </a>
                        </li>
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="layui-backlog-body">
                                <p>
                                    <cite>体育竞赛管理</cite></p>
                            </a>
                        </li>
                        <li class="layui-col-md2 layui-col-xs6">
                            <a href="javascript:;" class="layui-backlog-body">
                                <p>
                                    <cite>菜单权限管理</cite></p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="layui-col-md12">
            <div class="layui-col-md12 layui-card scrollBox" lay-height='full-310'>
                <div class="layui-card-header">
                    系统介绍
                </div>
                <div class="layui-card-body">
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">系统简介</h3>
                                <p>
                                    体育馆开放管理信息系统提供一种体育馆信息化管理模式，它能使体育馆中的场地和器材更加合理高效的被分配使用。系统功能包括场地管理，用户管理，器材管理，<br>
                                    课程管理，学生管理，教师师管理，场地借用记录管理，器材借用记录管理等模块。学生老师和社会人员可以很方便的注册，查看所有器材和场地的状态、自己借用器材或场地的记录。<br>
                                    管理员负责对场地、器材、用户的管理，体育馆管理员负责对场地借用和器材借用的管理，从而实现对体育馆中的器材和场地的高效率、高质量的管理。
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">功能介绍</h3>
                                <p>
                                    完备的权限管理功能<br>
                                    用户管理功能<br>
                                    体育设施管理功能<br>
                                    授课及选课功能
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <style id="welcome_style"></style>
    </div>
</div>
</div>
</body>

</html>